<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="../js/jquery-1.11.0.js"></script>
</head>
<body>
<h4> 静夜思</h4>
<p id="p1">床前明月光，</p>
<p class="pp" style="display: none">疑是地上霜。</p>
<p id="p2">举头望明月，</p>
<p class="pp">低头思故乡。</p>
<input type="text" name="name" id="ipt"  >
<button type="button" id="bt" >按钮</button>


<script>
  $ (function (){
    //$("#p1").hide(3000);
    //$(".pp").show(4000);

    //$(".pp").slideDown("3000");
   // $("p").slideUp(3000)
    $("p").css("color","blue")
    $("h4").css("color","pink")
    $("h4").hide(3000)

    $("#bt").click(function (){
      alert("111")
    })

    $("#ipt").mouseenter(function (){
      $("#ipt").css("background-color","pink")
    })

    $("#ipt").mousemove(function (){
      $("#ipt").focusout();
    })


  })


</script>


</body>
</html>